<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        /* nav{width:1000px; height: 40px; background-color: rgb(57, 57, 54); margin: 100px auto;}
        nav div{width: 100px; height: 40px; line-height: 40px; float: left; color: aliceblue; text-align: center; font-size: 14px;}
        nav div:hover{color:#00aeff;font-size: 16px;} */
         /* div:active{color: blue;}
         input:focus{background-color: aqua;} */
         
        /* div::first-letter{font-size: 20px;}
        div::first-line{color:aqua;}
        div::before{content: "这是一个不能选中的元素";}
        div::after{content: "";
                   color: blue;
                   display: block;} */
        /* ul li::after{
            content: " ";
            display: block;
            border-bottom:1px solid red ;
        } */

        ul li div{border-bottom:1px solid red ;}
    </style>
</head>
<body>
    <!-- <a href="http://baidu.com">百度</a>
     <div>我爱学习</div>
     <input type="text" value="请输入..." /> -->
     <!-- <nav>
        <div>电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城电脑商城</div>
         <div>手机商城</div>
        <div>平板商城</div>
        <div>水杯商城</div>
        <div>桌子板凳</div>
        <div>支架商城</div>
        <div>生活日用</div>
        <div>卫生纸品</div>
        <div>休闲小吃</div>
        <div>化妆用品</div> 
     </nav> -->
     <ul>
        <li>列表项1<div></div></li>
        <li>列表项2<div></div></li>
        <li>列表项3<div></div></li>
        <li>列表项4<div></div></li>
        <li>列表项5<div></div></li>
     </ul>
</body>
</html>